請問 position: static, relative, absolute 跟 fixed 的差別是什麼?分別各舉一個會用到的場合


Posted by GL on 2022-03-06

圖片來源

static: 網頁預設的排版方式,按照display的設定順序排下去

relative:針對原本的位置做位移,其他元素不會改變,只會改變自己的位置

absolute:往上找,對第一個遇到不是static的元素的參考點做絕對定位,下一個元素會遞補這個元素預設的排版位置

fixed:相對於瀏覽器的窗口做定位,不管視窗捲軸怎麼捲動,元素都會固定在設好的位置


#html #position







Related Posts

[JS] 迴圈: while loop 、 for loop 結構與執行流程

[JS] 迴圈: while loop 、 for loop 結構與執行流程

【單元測試的藝術】Chap 1: 單元測試基礎

【單元測試的藝術】Chap 1: 單元測試基礎

[筆記] Linux php模組、資料庫關聯、splunk串聯系統資訊

[筆記] Linux php模組、資料庫關聯、splunk串聯系統資訊


Comments